<template>
	<view>
    <view class="page-content" style="padding-top: 40px;"> <!-- 根据导航栏高度调整 padding -->
	<CustomNavBar buttonText1="全部（自定义）" buttonText2="预约（自定义）" buttonText3="提货（自定义）" :value="value" :phone="phone" :subaccount="subaccount" :userId="userId" :selectedOption="selectedOption"/>
      </CustomNavBar>
      <!-- 页面其他内容 -->
    </view>
	
	</view>
</template>

<script>
	import CustomNavBar from '@/pages/components/CustomNavBar/CustomNavBar.vue';
	export default {
		onLoad(options) {
			this.value=options.value
			this.phone=options.phone
			this.subaccount=options.subaccount
			this.userId=options.userId
			this.selectedOption=options.selectedOption
				// if(options.value==1){
		  //         this.selectedTab = "预约"
				// }
				// if(options.value=2){
				// 	this.selectedTab = "签收"
				// }
		    },
		 components: {
			CustomNavBar
		  },
		data() {
			return {
				 pageTitle: '页面标题',
				 value:0,
				 phone:'',
				 subaccount:'',
				 userId:0,
				 selectedOption:''
			}
		},
		methods: {
			handleLeftClick() {
			      // 处理左按钮点击事件，比如返回上一页
			      uni.navigateBack();
			    },
			    handleRightClick() {
			      // 处理右按钮点击事件，比如打开设置页面
			      uni.showToast({
			        title: '打开设置',
			        icon: 'none'
			      });
			      // 这里可以添加跳转到设置页面的逻辑
			    }
			  }
		}
</script>

<style scoped>
@import "order.css";
</style>
